<script language="JavaScript">
		$(document).ready(function() {

			//When page loads...
			$(".tab_content").hide(); //Hide all content
			$("ul.tabs li:first").addClass("active").show(); //Activate first tab
			$(".tab_content:first").show(); //Show first tab content

			//On Click Event
			$("ul.tabs li").click(function() {

				$("ul.tabs li").removeClass("active"); //Remove any "active" class
				$(this).addClass("active"); //Add "active" class to selected tab
				$(".tab_content").hide(); //Hide all tab content

				var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
				$(activeTab).fadeIn(); //Fade in the active ID content
				return false;
			});

		});
</script>

<div class="content">
	<td width="1019px" rowspan="5" valign="top">
		<ul class="tabs">
			<li><a href="#tab1">ปฏิทิน</a></li>
			<li><a href="#tab2">ค้นหาห้อง</a></li>
		</ul>
		
		<div class="tab_container">
					<div id="tab1" class="tab_content">
						<form>
							<table>
								<tr>
									<td>
										ห้องประชุม
									</td>
									<td>
										<input type="radio" name="room" value="1201" /> 1201 &nbsp;&nbsp;
										<input type="radio" name="room" value="1202" /> 1202
									</td>
								</tr>
								<tr>
									<td>
										ห้องปฏิบัติการ
									</td>
									<td>
										<input type="radio" name="room" value="1201 A" /> 1201 A
										<input type="radio" name="room" value="1207" /> 1207
										<input type="radio" name="room" value="1302" /> 1302
										<input type="radio" name="room" value="15408" /> 1408
									</td>
								</tr>
							</table>
							&nbsp;&nbsp;
							<div><?php echo $calendar; ?></div>
						</form>
					</div>
					<div id="tab2" class="tab_content">
						<strong>ประเภทห้อง</strong><br />
								<input type="radio" name="room" value="computer_room" checked="checked">&nbsp;&nbsp;ห้องปฏิบัติการทางคอมพิวเตอร์ 
                            	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="radio" name="room" value="meeting_room">&nbsp;&nbsp;ห้องประชุม<br>
								<br>
                                
                                <strong>จำนวนคอมพิวเตอร์ที่ใช้งาน</strong>&nbsp;&nbsp;
                                <input name="number_computer" type="text" size="5">&nbsp;&nbsp;
                                <strong>เครื่อง</strong>
                                <br><br />
                                
                               <strong>ปฏิทิน</strong> 
                				<script>DateInput('date', true, 'yyyy-mm-dd')</script>
                               <br><br />
                               
                               <strong>เวลา</strong>&nbsp;&nbsp;
                               <SELECT>
                                 <OPTION VALUE="08:30">08:30</OPTION>
                                 <OPTION VALUE="09:30">09:30</OPTION>
                                 <OPTION VALUE="10:30">10:30</OPTION>
                                 <OPTION VALUE="11:30">11:30</OPTION>
                                 <OPTION VALUE="13:30">13:30</OPTION>
                                 <OPTION VALUE="14:30">14:30</OPTION>
                                 <OPTION VALUE="15:30">15:30</OPTION>
                                </SELECT>
                                &nbsp;&nbsp;
                                <strong>ถึง</strong>&nbsp;&nbsp;
								<SELECT>
                                 <OPTION VALUE="09:30">09:30</OPTION>
                                 <OPTION VALUE="10:30">10:30</OPTION>
                                 <OPTION VALUE="11:30">11:30</OPTION>
                                 <OPTION VALUE="13:30">13:30</OPTION>
                                 <OPTION VALUE="14:30">14:30</OPTION>
                                 <OPTION VALUE="15:30">15:30</OPTION>
                                 <OPTION VALUE="16:30">16:30</OPTION>
                                </SELECT>
                                <br><br />
                                
                                <strong>ซอฟต์แวร์ที่ต้องการใช้</strong><br />
                                <input type="checkbox" name="soft" value="all">&nbsp;&nbsp;ซอฟต์แวร์ทั้งหมด<br />
								
                                <br /><br />
                                
                                <center><a href="#" class="show_hide">ค้นหาห้อง</a><br /></center> <br><br>
								<div class="slidingDiv">
                                <center>
									<table width="779" height="250" border="1">
									  <tr >
										<td width="54" align="center"></td>
										<td width="54" align="center">ชื่อห้อง</td>
										<td width="76" align="center">ประเภทห้อง</td>
										<td width="74" align="center">จำนวนผู้ใช้</td>
										<td width="57" align="center">วันที่ใช้</td>
										<td width="58" align="center">เวลาที่ใช้</td>
										<td width="57" align="center">ถึงเวลา</td>
										<td width="79" align="center">สถานะห้อง</td>
										<td width="154" align="center">รูปภาพ</td>
										<td width="52" align="center">จอง</td>
									  </tr>
									  <tr >
										<td align="center">
											<input type="radio" name="choose" />
										</td>
										<td align="center">1207</td>
										<td align="center">ห้องแลป</td>
										<td align="center">40</td>
										<td align="center">20/9/54</td>
										<td align="center">09.00</td>
										<td align="center">12.00</td>
										<td align="center"> <font color=green>ปกติ</font></td>
										<td align="center">&nbsp;</td>
										<td align="center">
									<input type="button" onclick="javascript:popup();" value="จอง" /></td>
									  </tr>
									  <tr>
										<td align="center">
											<input type="radio" name="choose" value="">
										</td>
										<td align="center">1408</td>
										<td align="center">ห้องแลป</td>
										<td align="center">40</td>
										<td align="center">20/9/54</td>
										<td align="center">09.00</td>
										<td align="center">12.00</td>
										<td align="center"><font color=red>ปรับปรุง</font></td>
										<td align="center">&nbsp;</td>
										<td align="center"><input type="button" onclick="javascript:popup();" value="จอง" /></td>
									  </tr>
									  <tr>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
									  </tr>
									</table><br>
                                    </center>
								</div>
					</div>
					
				</div>
	</td>
</div>